<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/banner.css">
    <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">
    <style></style>
</head>

<body>
    <div class="pagi"></div>

  <!-- 分页显示应该写在内容的下方 为了看的方便我写上面了 -->
  <div name="p" class="m-style p"></div>

  <div class="container" ></div>
    <header>
        <div>薛氏商城</div>
        <ul>
            <li><a href="register.html" class="btn btn-danger btn-lg" role="button">注册</a></li>
            <li><a name="login" href="JavaScript:;" class="btn btn-danger btn-lg" role="button">登录</a></li>
            <li><button name="logout" class="btn btn-danger btn-lg" role="button">退出登录</button></li>
            <li><button name="cart" class="btn btn-danger btn-lg" role="button">购物车</button></li>
        </ul>
    </header>
    <div class="banner">

    </div>
    <ul name="list" id="list"></ul>




    <!-- 右侧监听 -->
    <div class="storeyNav">
        <ul>
            <li class="active" name="li">京东秒杀</li>
            <li name="li">食品酒水</li>
            <li name="li">童装玩具</li>
            <li name="li">家装建材</li>
            <li name="li">奶粉尿裤</li>
            <li name="li">手机相机</li>
            <li name="li">为你推荐</li>
            <li name="back">返回顶部</li>
        </ul>
    </div>




    <script src="../js/jquery.min.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/jianting.js"></script>
    <script src="../js/banner.js"></script>
    <script src="../js/move.js"></script>
    <script src="../tools/jquery-pagination/jquery.pagination.js"></script>
    <script src="../tools/jquery.min.js"></script>
    <script src="../js/tools.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/list.js"></script>

    <script>
        const arr = [
            { id: 1, width: 1140, height: 333, size: 20.2, src: 'banner.jpg' },
            { id: 2, width: 1140, height: 333, size: 300, src: 'banner.jpg' },
            { id: 3, width: 1140, height: 333, size: 300, src: 'banner.jpg' },
            { id: 4, width: 1140, height: 333, size: 300, src: 'banner.jpg' },
            { id: 5, width: 1140, height: 333, size: 300, src: 'banner.jpg' },
        ];
        const oBanner = document.querySelector('.banner');
        const bannerObj = new setBanner(oBanner, arr);
        console.log(bannerObj);
        bannerObj.init();
    </script>
</body>

</html>